<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <include file="Public:iframe_header"/>
    <style type="text/css">
    	
    	.per-header{
    		background-image: url(__STATIC__/mobile/img/bg.png);
    		background-size: cover;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center;
    		padding: 10px;
    		text-align: center;
    	}
    	.p-img img{
    		border: 2px solid #6D6D72;
    		border-radius: 50px;
    	}
    	p{
    		color: white;
    	}
    	span{
    		color: #FCD26A;
    	}
    	.per-header div{
    		margin: 5px;
    	}
    	.but{
    		display: flex;
    		flex-flow: row;
    		justify-content: center;
    		width: 100%;
    		text-align: center;
    		margin: 0;
    		padding: 0;
    	}
    	.but .but1,.but2{
    		width: 40%;
    		border: 1px solid white;
    		border-radius: 15px;
    		vertical-align:middle; 
    	}
    	.but .but2 span{ 
    		font-size: 16px;
    		line-height: 40px;
    		color: white;
    	}
    	.but .but1 span{ 
    		font-size: 16px;
    		line-height: 40px;
    		color: white;
    	}
    	a span{
    		line-height: 100%;
    		color: black;
    	}
    	a img{
    		vertical-align:middle;
    	}
    </style>
</head>
<body>
    <div class="mui-content" style="background-color: #fff;">
        <div class="per-header">
        	<div class="p-img">
        		<img src="__STATIC__/mobile/img/my-1.png"/>
        	</div>
        	<p >{$username}</p>
        	<div id="">
        		<img src="__STATIC__/mobile/img/hy.png"/>
        		<span id="">
        			{$type_name}
        		</span>
        	</div>
        	<div class="but">
        		<div id="" class="but1">
        			<img src="__STATIC__/mobile/img/per-xz.png" width="16px" style="vertical-align:middle; "/>
        			<span>下载数量：{$down_record}</span>
        		</div>
        		<div id="" class="but2">
        			<img src="__STATIC__/mobile/img/per-gz.png" width="16px" style="vertical-align:middle; "/>
        			<span>企业关注：{$attention}</span>
        		</div>
        		
        	</div>
        </div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell" >
                <a class="" _href="{:url('Center/down_recording')}" onclick="parent.setpage($(this))">
                    <img src="__STATIC__/mobile/img/per-myxz.png"/>
                    <span id="">下载记录</span>
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="" _href="{:url('Center/care')}" onclick="parent.setpage($(this))">
                     <img src="__STATIC__/mobile/img/per-mygz.png"/>
                    <span id="">我的关注</span>
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="" _href="{:url('Center/contact_us')}" onclick="parent.setpage($(this))">
                     <img src="__STATIC__/mobile/img/per-lx.png"/>
                    <span id="">联系我们</span>
                </a>
            </li>
        </ul>
    </div>
    </script>
</body>
</html>